*{
    margin: 0;
    padding: 0;
}

.heard,.sing-in{
    width: 1226px;
    margin: 0 auto;
}
.heard{
    height: 98px;
    .logo{
        width: 55px;
        height: 55px;
        margin-top: 22px;
        background-color: #ff6700;
        position: relative;
        float: left;
        >img{
            position: absolute;
            margin: auto;
            top: 0;left: 0; right: 0; bottom: 0;
        }
    }
    .heard_r{
        margin-left: 20px;
        float: left;
        h2{
            padding-top: 21px;
            font-size: 35px;
            line-height: 35px;
            font-weight: normal;
            color: #333;
        }
        h3{
            font-size:12px;
            line-height: 25px;
            font-weight: normal;
            color: #ccc;
        }
    }
   
}
.sing-in{
    position: relative;
    img{
        width: 110%;
        height: 100%;
    }
    .sing_in_con{
        width: 410px;
        height: 600px;
        position: absolute;
        right: 100px;
        top: 70px;
        background-color: #ffffff;
        h2{
            height: 80px;
            line-height: 80px;
            font-size: 24px;
            color: #ff6700;
            text-align: center;
        }
        input{
            width: 316px;
            height: 22px;
            padding: 13px 16px 14px 13px;
            border: 1px solid #ccc;
            margin:15px 30px;
            outline:none
        }
        input:nth-child(3){
            width: 348px;
            height: 50px;
            line-height: 50px;
            background-color: #ff6700;
            color: #fff;
            text-align: center;
            padding: 0;
        }
    }
}